<!--很多元素都有默认样式：-->
<!--1.p元素有默认上下的margin-->
<!--2.h1~h6标题也有上下的margin，且字体加粗-->
<!--3.body元素有默认的8px外边距-->
<!--4.超链接有默认的颜色和下划线-->
<!--ul有默认的padding-->
<!--...-->
<!--在早期，元素默认样式，能够让我们快速绘制页面，但如今网页的设计越来越复杂，内容越来越多-->
<!--而且很精细，这些默认样式会给我们绘制网页带来麻烦，而且这些默认样式，在不同的浏览器上呈-->
<!--现出来的效果也不一样，所以我们需要重置这些样式-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>重置默认样式</title>
    <style>
        /*
        方案一：使用全局选择器
        设计开发中不会使用，因为会对全部元素有效
        */
        * {
            margin: 0;
            padding: 0;
            font-size: 100px;
        }

    </style>
</head>
<body>

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
</body>
</html>